Stay Signed In
Do you want to access your site more quickly on this computer? Check this box, and your username and password will be remembered for two weeks. Click logout to turn this off.

Stay Safe
Do not check this box if you are using a public computer. You don't want anyone seeing your personal info or messing with your site.

Ok, I got it

image effects

back . Home
so basically, here are some html codes, which allows you to change your image in, cool ways. just copy and paste the code you want, into a html box, and where it says URL, put the url of the image you want to add the affect to. enjoy. xox

original image

basic effects

transparent:

<IMG src="PICTURE URL" style="filter:alpha(opacity=50)">

Faded Edges:

<img src="URL" style="Filter: Alpha(Opacity=100, FinishOpacity=0, Style=2, StartX=20, StartY=40, FinishX=0, FinishY=0)" align="center">

Faded Edges 2:

<img src="PICTURE URL" style="Filter: Alpha(Opacity=190, FinishOpacity=0, Style=3, StartX=100, StartY=100, FinishX=0, FinishY=100)">

Resized Image:

<img src="PICTURE URL" height="70">

Upside-down Image:

<img src="PICTURE URL" border="0" style="filter:flipv">

Mirror Image:

<img src="PICTURE URL" border="0" style="filter:fliph">

Picture Frame:

<img style="border:#000000 2px outset" src="URL">

Picture Frame 2:

<img style="background:#999999; border:#c0c0c0 6px outset" src="PICTURE URL">

Black and White Image:

<img src="URL" id="GRAY" border="0" style="align:center; width:?px; height:?px; filter:gray">

Blured Image:

<IMG SRC="URL" STYLE="filter:Blur(strength=30)">

One Side Fading:

<img src="URL" style="Filter: Alpha(Opacity=100, FinishOpacity=0, Style=1, StartX=100, StartY=100, FinishX=0, FinishY=100)">

Corner Fading (right):

<IMG src="PICTURE URL HERE" style="Filter: Alpha(Opacity=100, FinishOpacity=0, Style=1, StartX=0, StartY=0, FinishX=80, FinishY=80)" align="center">

Corner Fading (left):

<IMG src="PICTURE URL HERE" style="Filter: Alpha(Opacity=100, FinishOpacity=0, Style=1, StartX=80, StartY=80, FinishX=0, FinishY=0)" align="center">

Invert Colours:

<IMG src="PICTURE URL" border="0" style="filter:invert">

Embossed:

<IMG src="PICTURE URL" style="filter:progid:dximagetransform.microsoft.engrave">

image marquee effects

Moving Pictures with Spaces:

<marquee behavior="alternate"> <marquee width="200"> <img src="URL"> <img src="URL"> <img src="URL"> </marquee></marquee>

Moving Pictures without Spaces:

<marquee><img src='URL'><img src='URL'><img src='URL'></marquee>

Moving Pictures with Frame:

<MARQUEE style="BORDER-RIGHT: #000000 1px SOLID; BORDER-TOP: #000000 1px SOLID; BORDER-LEFT: #000000 1px SOLID; BORDER-BOTTOM: #000000 1px SOLID" width="220"> <img src="URL1"> <img src="URL2"> <img src="URL3"> </MARQUEE>

Blinking, Moving Pictures:

<marquee scrollamount="200" scrolldelay="500"> <img src="URL"> </marquee>

Vertical Moving Picture:

<MARQUEE DIRECTION="up" SCROLLDELAY="1" SCROLLAMOUNT="2" HEIGHT="170" STYLE="text-align:justify;filter:wave(add=50, phase=1, freq=2, strength=100);<FONT COLOR=#FF3399>"><center> <BR><img src="PICTUREURLHERE"></center></MARQUEE><BODY onLoad="startBanner()"> </BODY>

Vertical Moving Picture 2:

<marquee direction="up" style="filter:wave(add=0, lightstrength=75, phase=1, strength=3, freq=2);color:#1528c7" height="110"><center><img src="PICTUREURLHERE"></center></marquee>